<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 导入页面样式 -->
    <link rel="stylesheet" href="css/style.css">
    <!-- 导入JQ框架 -->
    <script src="js/jquery.min.js"></script>
</head>

<body>
    <div id="nav">
        <div class="box">
            <!-- 标题元素 -->
            <div class="title">
                <h3>普伟龙祥</h3>
            </div>
            <!-- 列表元素 -->
            <div class="list">
                <ul>
                    <li><a href="index.html">网站首页</a></li>
                    <li><a href="list.html">产品列表</a></li>
                    <li class="focus">我的相册</li>
                    <li>时间轴</li>
                    <li>我要留言</li>
                    <li>关于普伟</li>
                    <li>发表博客</li>
                </ul>
            </div>
            <!-- 导航链接 -->
            <div class="a1">
                <a href="login.html">登录</a>
                <a href="#">注册</a>
            </div>
        </div>
    </div>
    <div id="pics">
        <div class="top">
            <!-- 添加顶部元素 -->
            <div class="tleft">
                <h3>我的相册</h3>
            </div>
            <div class="tright">
                <p>好咖啡要和朋友一起品尝,好的故事要和朋友一起分享.</p>
            </div>
        </div>
        <!-- 添加图片列表项元素 -->
        <div class="item">
            <div class="imgs">
                <img src="imgs/a.jpg" alt="">
                <div class="tip">喜欢 | 100</div>
            </div>
            <div class="title">
                <h3>python中打开TXT报错!</h3>
            </div>
        </div>
    </div>
    <script src="js/blog.js"></script>
</body>

</html>